<template>
    <div id="app">
        <headr-top></headr-top>
        <router-view></router-view>
        <footer-nav></footer-nav>
        <sidebar></sidebar>
    </div>
</template>

<script>
    import headrTop from "@/components/headrTop";
    import FooterNav from "@/components/footerNav";
    import Sidebar from "@/components/sidebar";

    export default {
        name: 'App',
        components: {Sidebar, FooterNav, headrTop}
    }
</script>

<style lang="less">
    #app {
        padding: 0;
        max-width: 1920px;
        margin: 0 auto;
    }
    
    .outers, .outers_TABS, .tabs {
        cursor: pointer;
    }
    
    body, html {
        margin: 0;
        padding: 0;
    }
    
    .left_class {
        overflow: hidden auto;
        max-height: 702px;
    }
    
    .left_class::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    
    .left_class::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 10px;
        background: #535353;
    }
    
    .left_class::-webkit-scrollbar-track { /*滚动条里面轨道*/
        border-radius: 10px;
        background: #EDEDED;
    }
    
    body::-webkit-scrollbar { /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    
    body::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #535353;
    }
    
    body::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
    
    input {
        outline: transparent;
        color: #000000 !important;
    }
    
    textarea {
        outline: none;
        color: #000000 !important;
    }
    
    .block {
        text-align: center;
        margin-top: 39px;
        
        /deep/ .el-pagination__total {
            font-size: 14px !important;
        }
    }
    
    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #B11E24 !important;
    }
    
    .el-pagination.is-background .el-pager li:not(.disabled):hover {
        color: #B11E24 !important;
    }
    
    .el-pagination.is-background .el-pager .number:hover {
        color: #B11E24 !important;
    }
    
    .el-pagination.is-background .el-pager li:not(.disabled).active {
        color: #FFFFFF !important;
    }


</style>
